<template>
  <!-- <SlotBase>
    <div>
      <h3>插槽标题</h3>
      <p>插槽内容</p>
    </div>
  </SlotBase> -->
  <!-- <h3>插槽续集</h3> -->
  <!-- <p>{{ message }}</p> -->
  <!-- <SlotTwo>
    <template #Hear>
      <h3>{{ message }}</h3>
    </template>
<template v-slot:Main>
      <p>内容</p>
    </template>
</SlotTwo> -->
  <!-- <SlotsAttr v-slot="slotProps">
    <h3>{{ currentTest }}-{{ slotProps.msg }}</h3>

  </SlotsAttr> -->
  <SlotsAttr>
    <template #header="slotProps">
      <h3>{{ currentTest }}-{{ slotProps.msg }}</h3>
    </template>
    <template #main="slotProps">
      <p>{{ slotProps.job }}</p>
    </template>
  </SlotsAttr>

</template>
<script>
import SlotsAttr from './components/SlotsAttr.vue';
import SlotTwo from './components/SlotTwo.vue';
import SlotBase from './components/SlotBase.vue'
export default {
  data() {
    return {
      message: '插槽在续集'
      , currentTest: '测试内容'
    }
  }
  , components: {
    SlotBase
    , SlotTwo
    , SlotsAttr

  }
}
</script>

<style></style>